<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="24">
        <blockquote class="text-warning" style="font-size: 14px">
          PAT - 计算机程序设计能力考试
          <br />
          <el-link
            href="https://www.patest.cn/"
            type="primary"
            target="_blank"
          >https://www.patest.cn/</el-link>
          <br />
          蓝桥杯 - 全国软件和信息技术专业人才大赛
          <br />
          <el-link
            href="http://lx.lanqiao.cn/"
            type="primary"
            target="_blank"
          >https://lx.lanqiao.cn/</el-link>
          <br />
          牛客网 - 笔试题库|面试经验|找工作神器|实习招聘内推
          <br />
          <el-link
            href="https://www.nowcoder.com/"
            type="primary"
            target="_blank"
          >https://www.nowcoder.com/
          </el-link>
          <br />
          力扣(LeetCode) - 全球极客挚爱的技术成长平台
          <br />
          <el-link
            href="https://leetcode-cn.com/"
            type="primary"
            target="_blank"
          >https://leetcode-cn.com/</el-link>
          <br />
          Road To Coding - 编程自学之路
          <br />
          <el-link
            href="https://www.r2coding.com/#/"
            type="primary"
            target="_blank"
          >https://leetcode-cn.com/</el-link>
        </blockquote>

        <hr />
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :sm="24" :lg="12" style="padding-left: 20px">
        <h2>高校学科竞赛管理系统</h2>
        <p>
          如今学院的各类技能比赛越来越多，来自不同的组织渠道的各类各级竞赛，竞赛时间、参赛方式、作品形式等千差万别。
          为了有序开展学院层面的技能竞赛，需要建设一个信息平台，及时收集发布竞赛信息、反映竞赛进度、汇总竞赛成绩，
          来规范学院管理、学生管理和数据统计与分析。
          由于当前进入互联网的时代，管理信息量大大增加，所需要的管理效率也有待提高。
          网络的应用使得办公效率大大提高，传统的办公方式使得人们需要消耗大量的人力和物力去投入到繁杂、重复的劳动中去，
          略显笨拙，已经不再适合当代社会办公的主流。因此需要设计一套高校学科竞赛管理系统来提高办公效率，紧跟当代社会的发展。
        </p>

      </el-col>

      <el-col :sm="24" :lg="12" style="padding-left: 50px">
        <el-row>
          <el-col :span="12">
            <h2>技术选型</h2>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <h4>后端技术</h4>
            <ul>
              <li>SpringBoot</li>
              <li>Spring Security</li>
              <li>JWT</li>
              <li>MyBatis</li>
              <li>Druid</li>
              <li>Fastjson</li>
              <li>...</li>
            </ul>
          </el-col>
          <el-col :span="6">
            <h4>前端技术</h4>
            <ul>
              <li>Vue</li>
              <li>Vuex</li>
              <li>Element-ui</li>
              <li>Axios</li>
              <li>Sass</li>
              <li>Quill</li>
              <li>...</li>
            </ul>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
    <el-divider />

  </div>
</template>

<script>
  export default {
    name: "Index",
    data() {
      return {
        // 版本号
        version: "3.8.1",
      };
    },
    methods: {
      goTarget(href) {
        window.open(href, "_blank");
      },
    },
  };
</script>

<style scoped lang="scss">
  .home {
    blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eee;
    }
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .col-item {
      margin-bottom: 20px;
    }

    ul {
      padding: 0;
      margin: 0;
    }

    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;

    ul {
      list-style-type: none;
    }

    h4 {
      margin-top: 0px;
    }

    h2 {
      margin-top: 10px;
      font-size: 26px;
      font-weight: 100;
    }

    p {
      margin-top: 10px;

      b {
        font-weight: 700;
      }
    }

    .update-log {
      ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 40px;
      }
    }
  }
</style>
